<script lang="ts" setup>
import { defineComponent } from "vue";
</script>

<template>
  <div style="display: flex">
    <div class="AboutUs">
      <div class="introduction_bottom2">关于我们</div>
      <div
        class="introduction_bottom2"
        style="color: #d3d6dd; margin-top: -22px; opacity: 0.4"
      >
        About Us
      </div>
      <div
        style="
          width: 546px;
          color: #ffffff;
          font-size: 16px;
          margin: 30px auto 0;
        "
      >
        <div>让宝贝智能、体能、情商全面发展</div>
        <div style="margin-top: 10px">
          专门为0-10岁中国少年儿童提供幼儿园、小学完整课程体系教育，我们希望在这里小孩不单收获良好的英语语言能力，更能养成良好习惯并获得美式思维及创造能力作为学前教育的导向标者，多年来一直备受学员和家长青睐，目前在全国30多个城市开设60多家校区，每年都有超过数万名学员在此接受国际化英语教育。良好的学习效果让90%以上的在读家长持续选择。
        </div>
      </div>
    </div>
    <div class="bg"></div>
  </div>
</template>

<style scoped lang="scss">
.AboutUs {
  width: 50%;
  padding: 70px 0 50px;
  background-color: #34b8fa;
  .introduction_bottom2 {
    color: #ffffff;
    font-size: 32px;
    width: fit-content;
    margin: 0 auto;
  }
}
.bg {
  background-color: #fff;
  width: 50%;
  height: 450px;
  background-size: contain;
  background: url("@/assets/images/home/About.png") no-repeat center/cover;
}
</style>
